.htt {
	   overflow: hidden;
}
.goods-img-box {
	position: relative;
	width: 100%;
	height:420upx;
	overflow: hidden;
}
.goods-img-body{
	width: 420upx;
	height: 100%;
	margin: auto;
	overflow: hidden;
	position: relative;
}
/* 衣服隔离 */
.clothes_gl {
	width: 100%;
	height: 10upx;
	background-color: #F9F9F9;
}
.goods-img {
	position: absolute;
	top:0;
	left:0;
	height: 100%!important;
	display: block;
}

.goods-set-icon {
	z-index: 1;
	top: 20upx;
	right: 20upx;
	position: absolute;
	width: 90upx;
	height: 90upx;
	text-align: center;
	color: #fff;
	background: #d9d9d9;
	border-radius: 50%;
	font-size: 22upx;
}
.goods-trans {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 4upx;
	box-sizing: border-box;
}
.goods-set-icon i {
	color: #fff;
	margin: 0;
	padding: 0;
}

.goods-reset {
	top: 150upx;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.goods-reset view {margin: 0;
	padding: 0;}
.goods-star {
	width: 200upx;
	top: auto;
	bottom: 40upx;
	border-radius: 5upx;
	height: 70upx;
	line-height: 70upx;
	font-size: 32upx;
}

 .goods-star image {
	/* position: relative; */
	margin-left: 10upx;
	width: 28upx;
	height: 16upx;
} 

.shoes-made {
	width: 100%;
	height: 100upx;
	line-height: 100upx;
	display: flex;
}

.shoes-made>view {
	flex: 1;
	/* float: left;
	width: 250upx; */
	text-align: center;
	border-top: 2upx dashed #b9b9b9;
	border-bottom: 2upx dashed #b9b9b9;
	box-sizing: border-box;
	height: 100upx;
	position: relative;
}

.shoes-made>view.shoes-switch {
	background: #D51519;
	border: none;
	color: #fff;
	white-space: nowrap;
}

.shoes-made>view.shoes-left {
	border-right: 2upx dashed #B9B9B9;
}

.shoes-check {
	transform: scale(0.5);
	float: left;
}

.shoes-switch>text {
	font-size: 28upx;
	display: block;
	float: left;
	margin-left: -28upx;
	margin-top: 2upx
}

.no-shoes {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #c1c1c1;
}

.shoes-left i,
.shoes-right i {
	font-size: 40upx;
	color: #000;
	position: absolute;
	font-weight: bold;
	top:10upx;
	left:140upx
}

.shoes-no-same i {
	display: none;
}

.shoes-made>view.shoes-no-same {
	background: #d9d9d9;
	color: #333;
	border: none;
}

.shoes-no-same .no-shoes {
	color: #333;
}

.shoes-made>view.shoes-select {
	background: #000;
}

.shoes-select .no-shoes {
	color: #fff;
}

.goods-name-box {
	width: calc(100% - 40upx);
	margin: auto;
	padding: 20upx;
	/* height: 140upx; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1upx solid #f0f0f0;
	overflow: hidden;
}

.goods-name-box>view {
	/* float: left; */
}

.goods-name-body {
	width: calc(100% - 220upx);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.goods-name {
	width: 100%;
	/* height: 100upx; */
	/* line-height: 80upx; */
	font-size: 30upx;
	font-weight: bold;
	overflow: hidden;
}

.goods-price-box {
	/* height: 80upx; */
	/* line-height: 80upx; */
}

.goods-price {
	font-size: 44upx;
	font-weight: bold;
	font-family: 'OTF';
}

.goods-price-line {
	font-size: 26upx;
	color: #999;
	margin-left: 20upx;
	text-decoration: line-through;
}

.goods-size {
	width: 200upx;
	/* height: 100upx; */
	/* position:relative; */
}

.goods-size-change {
	width: 200upx;
	text-align: center;
	height: 70upx;
	line-height: 70upx;
	border-radius: 5upx;
	background: #f2f2f2;
	overflow: hidden;
}

/* .goods-size-change i {
	font-size: 32upx;
	font-weight: bold;
	margin-left: 5upx;
} */
.goods-size-change image {
	width: 28upx;
	height: 16upx;
	margin-left: 14upx;
}
.goods-guige {
	width: calc(100% - 40upx);
	padding: 20upx;
}

.goods-form-item {}

.goods-form-title {
	font-weight: 800;
	font-size: 32upx;
}

.goods-detail-scroll {
	width: 100%;
	padding: 20upx 0;
	white-space: nowrap;
}

.detial-scroll-item {
	display: inline-block;
}

.material-item,
.unit-item,
.color-item {
	height: 70upx;
	line-height: 70upx;
	width: 200upx;
	border-radius: 8upx;
	background: #F2F2F2;
	text-align: center;
	margin-right: 30upx;
}

.material-active {
	background: #D51519;
	color: #fff;
}

.unit-item {
	background: #fff;
	height: 240upx;
	width: 150upx;
	margin-right: 30upx;
}

.unit-img-box {
	width: 150upx;
	height: 150upx;
	background: #f2f2f2;
	position: relative;
}
.unit-img-box::before{content: '';display: table; }
.unit-item .active {
	background: #d9d9d9;
}

.unit-img {
	width: 80%;
	height:80%;
	display: block;
	margin:0 auto;
	margin-top: 16upx;
}
/* .unit-img:nth-child(4) {
	margin-top: 30upx ;
} */
/* .unit-img-box_f {
	width: 70%;
	height: 70%;
	width: 70%;
	height: 70%;
	img {
		width: 70%;
		height: 70%;color-item
		margin-top: 30upx;
	}
} */
/* .unit-img.unit-img_f {
	width:50upx;
	height: 50upx;
} */
.unit-dir {
	width: 0;
	border: 20upx solid transparent;
	border-top-color: #F2F2F2;
	margin: auto;
	display: none;
	position: absolute;
	bottom: -40upx;
	left: 50%;
	transform: translate(-50%,-20%);
}
.unit-dir-active{
	display: block;
	border-top-color: #d9d9d9;
}

.unit-name {
	margin-top: 20upx;
	color: #999999;
}

.name-acitve {
	color: #333;
}

.color-item {
	box-sizing: border-box;
	border: 1upx solid transparent;
}

.color-item>text {
	//float: left;
	display: flex;
	justify-content: center;
}

.color-show {
	float: left;
	width: 35upx;
	height: 35upx;
	border-radius: 50%;
	background: #007AFF;
	margin-top: 18upx;
	margin-left: 30upx;
	margin-right: 20upx;
}

.color-item-active {
	border-color: transparent;
	color: #007AFF;
}
.line_fg {
	width: 100%;
	height: 10upx;
	background-color: #f9f9f9;
}

.goods-bottom {
	width: 100%;
	height: 70upx;
	border-top: 10upx solid #f9f9f9;
	line-height: 70upx;
	overflow: hidden;
	position: relative;
	background: #fff;
	transition: all 0.3s linear;
}
.bottom-true {
	position: fixed;
	border:none;
	top:0;
	z-index: 999;
	box-shadow: 3upx 3upx 6upx rgba(26,26,26,0.3);
	height: 90upx;
	line-height: 90upx;
}
.goods-bottom-item {
	float: left;
	width: 50%;
	text-align: center;
	font-size: 34upx;
	color: #656565;
	position: relative;
}

.goods-bottom .active {
	color: #333;
	font-weight: bold;
	
}
.goods-bottom .active .line_cha {display: block !important;}
.bottom-line {
	position: absolute;
	width: 60upx;
	height: 5upx;
	background: #333;
	bottom: 0;
	left: calc(25% - 30upx);
	transition: all 0.1s linear;
}

.goods-de-ev {
	width: calc(100% - 40upx);
	padding: 20upx;
}

.more-eval {
	width: 300upx;
	height: 80upx;
	border-radius: 40upx;
	margin: auto;
	border: 1upx solid #333;
	text-align: center;
	line-height: 80upx;
	position: relative;
	padding-right: 20upx;
}

.more-eval i {
	font-weight: bold;
	position: absolute;
	top:2upx;
}

.goods-handl {
	position: fixed;
	width: 100%;
	height: 110upx;
	bottom: 0;
	overflow: hidden;
	background: #fff;
}

.goods-handl>view {
	float: left;
	height: 110upx;
	text-align: center;
}

.cart-num {
	width: 130upx;
	position: relative;
	padding-top: 10upx;
	box-shadow: 2upx 2up 6upx rgba(26, 26, 26, 0.3);
	border-top:1upx solid #F1F1F1;
}

.cart-num i {
	
	font-size: 50upx;
	color: #c1c1c1;
}
.cart-num image {
	position: absolute;
	top: 12upx;
	left: 50%;
	transform: translate(-50%);
	width: 48upx;
	height: 50upx;
}
.cart-num-name{
	white-space: nowrap;
	position: absolute;
	bottom: 16upx;
	left: 50%;
	transform: translate(-50%);
	color:#c1c1c1;
	font-size: 28upx;
}

.cart-num-num {
	position: absolute;
	width: 35upx;
	height: 35upx;
	background: #d51419;
	border-radius: 50%;
	top:10upx;
	left:90upx;
	text-align: center;
	line-height: 35upx;
	color:#fff;
	font-size: 22upx;
}
.add-cart , .add-order{
	width: calc(50% - 130upx);
	text-align: center;
	line-height: 110upx;
	color:#fff;
}
.add-cart,.update-cart{
	background: #f22e32;
}
.cart-handle{
	overflow: hidden;
	width: 100%;
}
.cart-handle > view{
	float: left;
}
.update-cart,.cancle-cart{
	text-align: center;
	color: #fff;
	width: 50%;
	line-height: 110upx;
}
.cancle-cart{
	background: #000;
}
.add-order{
	background: #000;
}

.size-list{
	overflow: hidden;
	box-sizing: border-box;
}
.size-item {
	float: left;
	width: calc(20% - 20upx);
	height:60upx;
	line-height: 60upx;
	text-align: center;
	background: #f2f2f2;
	border-radius: 10upx;
	margin:20upx;
	margin-left: 0;
	margin-bottom: 0;
	color:#666;
	box-sizing: border-box;
}
.size-list .active{
	color:#d41618;
	border : 1upx solid #d41618;
}
.star-list{
	overflow: hidden;
}
.star-item{
	float: left;
	width: 200upx;
	margin-top:20upx;
	margin-right: 20upx;
	height: 200upx;
	background: #F1F1F1;
	position: relative;
	overflow: hidden;
}
				/* <image src="../../static/tabbar-img/20190917174158.png" mode=""></image> */
/* 				.dialog-header {
				
					image {
						width: 46upx;
						height: 46upx;
						float: right;
						margin-top: 16upx;
					}
				} */
.star-item >  img{
	position: absolute;
	top:0;
	left:0;
	height: 200upx;
}
.word-form-item-result {
	width: 250px;
	height: 250px;
	position: relative;
	margin:  40upx auto;
}
.word-form-item-result image {
	width: 250px;
	height: 250px;
}
.word-form-item-result  .word-form-item-result-con {
	position: absolute;
	/* bottom: 0; */
	transform: rotate(-60deg);
}
.word-form-item-result .black {
	font-family: black;
	color: #999;
	font-size: 7px;
}
.word-form-item-result .li {
	font-family: li;
	color: #999;
	font-size: 7px;
}
.word-form-item-result .kai {
	font-family: kai;
	color: #999;
	font-size: 7px;
}
.word-form-item{
	width:calc(100% - 40upx);
	padding:0 20upx;
	overflow: hidden;
	height:80upx;
	line-height: 80upx;
}
.word-form-item > view{float: left;}
.word-form-label{width:150upx ;overflow: hidden;}
.word-form-content{
	width: calc(100% - 150upx);
	height: 80upx;

}
/* .word-form-content .word-style:nth-child(1) {
	font-family: black;
}
.word-form-content .word-style:nth-child(2) {
	font-family: li;
}
.word-form-content .word-style:nth-child(3) {
	font-family: kai;
	line-height: 70upx;
} */
.radio-word{
	transform: scale(0.7);
	color: #FFFFFF;
	position: relative;
	top:-3upx;
}
.word-price{
	color:#999
}
.word-area {

}
.word-style{
	float: left;
	width: 140upx;
	margin-top: 10upx;
	margin-right: 20upx;
	text-align: center;
	height: 60upx;
	line-height: 60upx;
	background: #F2F2F2;
	border-radius: 10upx;
}
.word-style-active{
	background: #000000;
	color: #fff;
}
.word-input-box{
	width: calc(100% - 40upx);
	margin-top:20upx;
	padding: 0 20upx;
}
.word-input{
	width: 100%;
	padding:25upx 0;
	line-height: 50upx;
	/* padding: 30upx 0; */
	/* margin: 20upx 0; */
	border:1upx solid #e1e1e1;
	border-radius: 10upx;
	text-indent: 20upx;
}
.word-tag{
	height: 40upx;
	line-height: 40upx;
	font-size: 26upx;
	color:#ccc;
	margin:15upx 0;
}
.word-tag > text:first-child{
	color:#d93337;
	margin-right: 10upx;
}
.word-btns{
	overflow: hidden;
	height: 110upx;
	line-height: 110upx;
}
.word-btns > view{
	float: left;
	text-align: center;
	width: 50%;
	text-align: center;
	font-size: 32upx;
}
.word-price-total{
	box-sizing: border-box;
	border-top:1upx solid #F1F1F1;
}
.price-total-name{
	color:#666;
}
.word-price-num{
	font-size: 40upx;
	color: #333;
	font-weight: bold;
	font-family: 'OTF';
}
.word-true-btn{
	background: #000000;
	color:#fff;
}
.size-change{
	transition: all 0.1s linear;
	/* width: calc(100% - 40upx); */
	overflow: hidden;
	height: 0;
	
}
.size-change-active{
	height: auto;
	border-bottom:6upx solid #F1F1F1;
	border-top:6upx solid #F1F1F1;
	/* box-shadow: 3upx 3upx 6upx rgba(26,26,26,0.3); */
	padding:10upx;
	padding-bottom: 30upx;
}
.goods-model{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	background: #fff;
	z-index:9;
}
.no-eval{ font-size: 40upx; text-align: center;height: 200upx;line-height: 150upx;color:#999}
.line_cha {
	width: 60upx;
	height: 4upx;
	background-color: #000;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
	display: none;
}